<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>人事和教师首页</title>
    <script src="/layui/layui.js"></script>
    <link rel="stylesheet" href="/layui/css/layui.css"/>
    <link rel="stylesheet" href="/css/systemHome/homePage/homePage.css"/>
    <script src="/echarts/echarts.js"></script>
</head>
<body>
<div class="box">
    <!--用户列表-->
    <div class="list">
        <div class="list-left">
            <div class="list-left-left"></div>
            <p class="list-left-right">人事和教师首页</p>
        </div>
        <div class="list-right">
            <div class="list-right-left layui-btn layui-icon layui-icon-refresh" onclick="refresh()">&nbsp;刷新</div>
        </div>
    </div>
    <div class="box1">
        <div>
            <table>
                <tr>
                    <td class="table-tr-td">
                        <a>
                            <div class="list2" style="border: 1px #DCDCDC solid; width: 290px; height: 100px;">
                                <div style="height: 50px; width: 50px; float: left; margin-left: 20px;margin-top: 20px"><i style="font-size: 60px; color: #1ABC9C; " class="layui-icon layui-icon-upload"></i></div>
                                <div style="align-content: center; float: left; margin-left:40px; margin-top: 35px;">
                                    <p>前端用户总数</p>
                                    <p id="TotalWebUser"></p>
                                </div>
                            </div>
                        </a>
                    </td>
                    <td class="table-tr-td" >
                        <a>
                            <div class="list2" style="border: 1px #DCDCDC solid; width: 290px; height: 100px;margin-left: 44px">
                                <div style="height: 50px; width: 50px; float: left; margin-left: 20px;margin-top: 20px"><i style="font-size: 60px; color: #1ABC9C; " class="layui-icon layui-icon-read"></i></div>
                                <div style="align-content: center; float: left; margin-left:40px; margin-top: 35px;">
                                    <p>后台人员总数</p>
                                    <p id="TotalBackstageUser"></p>
                                </div>
                            </div>
                        </a>
                    </td>
                    <td class="table-tr-td">
                        <a>
                            <div class="list2" style="border: 1px #DCDCDC solid; width: 290px; height: 100px;margin-left: 44px">
                                <div style="height: 50px; width: 50px; float: left; margin-left: 20px;margin-top: 20px"><i style="font-size: 60px; color: #1ABC9C; " class="layui-icon layui-icon-star"></i></div>
                                <div style="align-content: center; float: left; margin-left:40px; margin-top: 35px;">
                                    <p>上传视频总数</p>
                                    <p id="TotalVideoOverhead"></p>
                                </div>
                            </div>
                        </a>
                    </td>
                    <td class="table-tr-td">
                        <a>
                            <div class="list2" style="border: 1px #DCDCDC solid; width: 290px; height: 100px;margin-left:44px">
                                <div>
                                    <div class="td-a-div" style="height: 50px; width: 50px; float: left; margin-left: 20px;margin-top: 20px"><i style="font-size: 60px; color: #1ABC9C; " class="layui-icon layui-icon-praise"></i></div>
                                    <div style="align-content: center; float: left; margin-left:40px; margin-top: 35px;">
                                        <p>视频点赞总数</p>
                                        <p id="TotalVideoLikes"></p>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </td>
                </tr>
            </table>
        </div>
        <div class="box1-box2">
            <table>
                <tr>
                    <td class="box1-box2-table-tr-td">
                        <div>
                            <div class="box1-box2-table-tr-td-div" >
                                <div style="line-height: 40px ;height: 50px; float: left; background-color: #F3F3F3; width: 1300px;border-bottom: 1px #DCDCDC solid;font-size:17px;line-height: 50px;text-indent: 20px;font-weight: 800" >
                                    待处理事务
                                </div>
                                <div style="width: 30%; height: 40px; border-bottom: 1px silver solid;float: left; margin-left: 40px;margin-top: 10px;" id="courseBox">
                                    <a href="javascript:;" class="pendingTransaction" ><span class="pendingTransactionText" id="pendingTransactionTextkecheng" style="float: left; align-content: center; font-size: 15px;  padding-top: 10px;">课程待审核信息</span><span style="color: red;float: right;align-content: center; font-size: 15px; padding-top: 10px;" id="TotalCourseStayExamine"></span></a>
                                </div>
                                <div style="width: 30%; height: 40px; border-bottom: 1px silver solid;float: left; margin-left: 40px;margin-top: 10px;" id="orderBox">
                                    <a href="javascript:;" class="pendingTransaction" ><span class="pendingTransactionText" id="pendingTransactionTextdingdan" style="float: left; align-content: center; font-size: 15px;  padding-top: 10px;">订单待处理信息</span><span style="color: red;float: right;align-content: center; font-size: 15px; padding-top: 10px;" id="TotalUnsubscribeStayExamine"></span></a>
                                </div>
                                <div style="width: 30%; height: 40px; border-bottom: 1px silver solid;float: left; margin-left: 40px;margin-top: 10px;" id="CreatorBox">
                                    <a href="javascript:;" class="pendingTransaction" ><span class="pendingTransactionText" id="pendingTransactionTextchuangzuozhe" style="float: left; align-content: center; font-size: 15px;  padding-top: 10px;">创作者认证待处理信息</span><span style="color: red;float: right;align-content: center; font-size: 15px; padding-top: 10px;" id="CreatorExmaine"></span></a>
                                </div>
                            </div>
                        </div>
                    </td>
                </tr>
            </table>
        </div>
        <div  class="box3" style="margin-top: 30px; border: 1px #DCDCDC solid; width: 1302px;height: 250px;">
            <div>
                <table>
                    <tr>
                        <td>
                            <div style="width: 1302px;background-color: #F3F3F3; height: 50px; line-height: 50px; border-bottom:1px #DCDCDC solid;  ">
                                <span style="margin-left: 20px;font-size:17px;line-height: 50px;font-weight: 800">运营快捷入口</span>
                            </div>
                        </td>
                    </tr>
                </table>
                <table>
                    <tr>
                        <td class="td">
                            <a>
                                <div class="box3-tab-tr-td-a-div">
                                    <i class="layui-icon layui-icon-set" style="font-size: 90px; color: #1ABC9C;" ></i>
                                    <p style="margin-left: 15px;line-height: 50px" id="user_list">用户列表</p>
                                </div>
                            </a>
                        </td>
                        <td class="td">
                            <a>
                                <div class="box3-tab-tr-td-a-div">
                                    <i class="layui-icon layui-icon-dialogue" style="font-size: 90px; color: #1ABC9C;" ></i>
                                    <p style="margin-left: 15px;line-height: 50px" id="feedback_list">反馈列表</p>
                                </div>
                            </a>
                        </td>
                        <td class="td">
                            <a>
                                <div class="box3-tab-tr-td-a-div">
                                    <i class="layui-icon layui-icon-reply-fill" style="font-size: 90px; color: #1ABC9C;" ></i>
                                    <p style="margin-left: 15px;line-height: 50px" id="course_list">课程列表</p>
                                </div>
                            </a>
                        </td>
                        <td class="td">
                            <a>
                                <div class="box3-tab-tr-td-a-div">
                                    <i class="layui-icon layui-icon-template-1" style="font-size: 90px; color: #1ABC9C;"></i>
                                    <p style="margin-left: 15px;line-height: 50px" id="course_audit">课程审核</p>
                                </div>
                            </a>
                        </td>
                        <td class="td">
                            <a>
                                <div class="box3-tab-tr-td-a-div">
                                    <i class="layui-icon layui-icon-group" style="font-size: 90px; color: #1ABC9C; " ></i>
                                    <p style="margin-left: 35px;line-height: 50px" id="microcircle_list">微圈列表</p>
                                </div>
                            </a>
                        </td>
                        <td class="td">
                            <a>
                                <div class="box3-tab-tr-td-a-div">
                                    <i class="layui-icon layui-icon-search" style="font-size: 90px; color: #1ABC9C;" ></i>
                                    <p style="margin-left: 20px;line-height: 50px" id="microcircle_audit">微圈审核</p>
                                </div>
                            </a>
                        </td>
                        <td class="td">
                            <a>
                                <div class="box3-tab-tr-td-a-div">
                                    <i class="layui-icon layui-icon-search" style="font-size: 90px; color: #1ABC9C;" ></i>
                                    <p style="margin-left: 20px;line-height: 50px" id="course_review">课程评论</p>
                                </div>
                            </a>
                        </td>
                        <td class="td">
                            <a>
                                <div class="box3-tab-tr-td-a-div">
                                    <i class="layui-icon layui-icon-chart-screen" style="font-size: 90px; color: #1ABC9C;" ></i>
                                    <p style="margin-left: 20px;line-height: 50px" id="micro_circle_review">微圈评论</p>
                                </div>
                            </a>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="box4" style="margin-top: 30px;  width: 1305px;height: 240px;">
            <table>
                <tr>
                    <td class="box4-tab-tr-td">
                        <div>
                            <div class="box4-tab-tr-td-div">
                                <span style="margin-left: 15px;font-weight: 600;font-size: 15px;">课程总览</span>
                            </div>
                            <div>
                                <div class="box4-tab-tr-td-div-div">
                                    <span style="margin-left: 15px; color: red; font-size: 35px;" id="CourseCount"></span>
                                    <p style="line-height: 30px">课程数量</p>
                                </div>
                                <div class="box4-tab-tr-td-div-div">
                                    <span style="margin-left: 10px; color: red; font-size: 35px;" id="CourseFabulousCount"></span>
                                    <p style="line-height: 30px">课程点赞总量</p>
                                </div>
                            </div>
                        </div>
                    </td>
                    <td style="width: 20px;">

                    </td>
                    <td class="box4-tab-tr-td" style="margin-left: 25px">
                        <div>
                            <div class="box4-tab-tr-td-div">
                                <span style="margin-left: 15px;font-weight: 600;font-size: 15px;">用户总览</span>
                            </div>
                            <div>
                                <div>
                                    <div class="box4-tab-tr-td-div-div-div-div">
                                        <span style="margin-left: 20px; color: red; font-size: 35px;" id="todayUser"></span>
                                        <p style="line-height: 30px">今日新增</p>
                                    </div>
                                    <div class="box4-tab-tr-td-div-div-div-div">
                                        <span style="margin-left: 20px; color: red; font-size: 35px;" id="yesterdayUser"></span>
                                        <p style="line-height: 30px">昨日新增</p>
                                    </div>
                                    <div class="box4-tab-tr-td-div-div-div-div">
                                        <span style="margin-left: 20px; color: red; font-size: 35px;" id="monthUser"></span>
                                        <p style="line-height: 30px">本月新增</p>
                                    </div>
                                    <div class="box4-tab-tr-td-div-div-div-div">
                                        <span style="margin-left: 5px; color: red; font-size: 35px;" id="AllUsers"></span>
                                        <p style="line-height: 30px">全部用户</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </td>
                </tr>
            </table>
        </div>
        <div>
            <table>
                <tr>
                    <td>
                        <!--课程统计-->
                        <div style="width: 1302px; height: 400px; border: 1px #DCDCDC solid; margin-top: 20px;">
                            <div style="line-height: 40px ;height: 40px; float: left; background-color: #F3F3F3; width: 100%;font-size: 15px; border-bottom: silver 1px solid;font-weight: 600;text-indent: 20px">
                                课程统计
                            </div>
                            <div style="height: 400px; width: 100%;">
                                <div style="width: 150px; height: 200px; margin-top: 95px; float: left;margin-left: 55px; border-right: silver dashed 1px">
                                    <div id="WeekCourseBox" style="display: none;">
                                        <p  style="font-size:13px">本周课程总数</p>
                                        <p style="font-size: 27px;margin-top: 5px" id="ThisWeekCourse"></p>
                                        <p  style="font-size:13px">上周课程总数</p>
                                        <p style="font-size: 27px;margin-top: 5px" id="LastWeekCourse"></p>
                                        <span style="color: #00FF00" id="WeekCourseQuantity"></span><span style="font-size: 14px;margin-left: 20px">同比上周</span>
                                    </div>
                                    <div id="WeekUserBox"  style="display: none;">
                                        <p  style="font-size:13px">本周用户总数</p>
                                        <p style="font-size: 27px;margin-top: 5px" id="ThisWeekUser"></p>
                                        <p  style="font-size:13px">上周用户总数</p>
                                        <p style="font-size: 27px;margin-top: 5px" id="LastWeekUser"></p>
                                        <span style="color: #00FF00" id="WeekUserQuantity"></span><span style="font-size: 14px;margin-left: 20px">同比上周</span>
                                    </div>

                                </div>
                                <div style="height: 90px;width: 200px; float: right;  text-align: center; margin-top: 20px;margin-right: 100px">
                                    <a onclick="CourseStatistics()"><span class="time" style="font-size: 15px; margin-left: -10px;">课程统计</span></a>
                                    <a onclick="UserStatistics()"><span class="time" style="font-size: 15px;margin-left: 10px">用户统计</span></a>
                                </div>
                                <div id="main" style="width: 1060px; height: 320px;float: left;margin-top: -70px">

                                </div >
                            </div>
                        </div>
                    </td>
                </tr>
            </table>
        </div>
    </div>
</div>
</body>
    <script src="/js/systemHome/homePage/index-welcome-PersonnelTeacher.js"></script>
</html>